<template>
    <div class="wrap">
        <div class="common-banner"><img src="../../common/img/banner/about.jpg"/></div>
        <section class="common-sec">
            <div class="head-title"><i></i><span>联系我们</span><i></i></div>
            <div class="a-contact-text">
                <div><span>公司名字：</span>北京中厚明德企业管理咨询有限公司</div>
                <div><span>企业咨询：</span>010-8045-6661</div>
                <div><span>邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱：</span>zhonghou2016@163.com</div>
                <div><span>地&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;址：</span>北京市丰台区丰台科技园汉威国际广场3区5号楼2M&nbsp;<i class="sub-explain">(乘坐地铁从丰台科技园地铁站D出口出来，走100米左右即可到达)</i></div>
            </div>
            <div class="a-contact-map">
                <!-- <div id="allmap"></div> -->
                <b-map-component :mapHeight="300" :longitude="116.302183" :latitude="39.830263" ></b-map-component>
            </div>
        </section>
        <m-bottom></m-bottom>
    </div>
</template>
<script type="text/javascript">
import MBottom from 'components/m-bottom/m-bottom'
import BMapComponent from 'base/b-map-component/b-map-component'
export default{
    components: {
        MBottom,
        BMapComponent
    }
}
</script>
<style lang="less" scoped>
.a-contact-text{
    width: 100%;
    line-height:24px;
    div{
        position: relative;
        padding-left: 72px;
    }
    span{
        width: 72px;
        display: inline-block;
        position: absolute;
        left:0;
        top:2px;
    }
    i.sub-explain{
        font-style: normal;
        color: gray;
        font-size: 12px;
    }
}
.a-contact-map{
    width: 100%;
    height: 300px;
    margin: 20px 0;
    padding: 3px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #ebebeb;
    box-sizing: border-box;
}
</style>
